<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>laytpl</title>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/common.css"/>
    <style>
        body {
            text-align: left;
        }

        .img-fix {
            background-size: cover;
            background-position: center;
            overflow: hidden;
            position: relative;
            padding-top: 100%;
        }

        .img-fix img {
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 1;
        }

        .view-tpl1 {

        }

        .view-tpl1 .recomend .title {
            padding: 0 35%;
        }

        .view-tpl1 .item-recomend {
            padding: 2.67vw 5.33vw 0;
        }

        .view-tpl1 .item-recomend ul {
            background-color: #ffe9ea;
            border-radius: 3.33vw;
            box-shadow: 0 0 8.5px 1px #0a459f;
            padding: 0 4vw;
        }

        .view-tpl1 .item-recomend {
            border-bottom: 1px solid #e31c29;
            color: #fff;
            position: relative;
            padding: 5.33vw 30.67vw 5.33vw 0;
            text-align: left;
        }

        .view-tpl1 .item-recomend a {
            color: #fff;
        }

        .view-tpl1 .item-recomend:last-child {
            border-bottom: 0;
        }

        .view-tpl1 .item-recomend h3 {
            color: #4D4848;
            font-size: 5.33vw;
            font-weight: bold;
            padding: 0 0 2.13vw 0;
        }

        .view-tpl1 .item-recomend p {
            margin: 0 0 1.33vw 0;
        }

        .view-tpl1 .item-recomend .publish-date {
            color: #4D4848;
            font-weight: bold;
        }

        .view-tpl1 .item-recomend .publish-date span {
            color: #810416;
        }

        .view-tpl1 .item-recomend .actor {
            font-size: 3.47vw;
        }

        .view-tpl1 .item-recomend .des {
            font-size: 3.2vw;
            max-height: 11em;
            overflow: hidden;
        }

        .view-tpl1 .item-recomend .flg {
            position: absolute;
            right: 0;
            top: 12.53vw;
            width: 100px;
        }

        /*===tpl2===*/
        .view-tpl2 .recomend .title {

        }

        .view-tpl2 .recomend-list {
            flex-wrap: wrap;
            padding: 0 10px 10px;
            justify-content: space-between;
        }

        /*.view-tpl2 .item-recomend {*/
        /*    border-radius: 3vw;*/
        /*    background-color: #fff;*/
        /*    margin-top: 10px;*/
        /*    border: 0.5vw #fec295 solid;*/
        /*    overflow: hidden;*/
        /*}*/

        .view-tpl2 .item-recomend {
            border-radius: 3vw;
            background-color: #fff;
            margin-top: 10px;
            border: 0.5vw #fec295 solid;
            box-sizing: border-box;
            overflow: hidden;
        }

        .view-tpl2 .recomend-list.row2 .item-recomend {
            border-radius: 3vw;
            background-color: #fff;
            margin-top: 10px;
            border: 0.5vw #fec295 solid;
            overflow: hidden;
            width: calc((100vw - 30px) / 2);
        }

        .view-tpl2 .item-recomend a {
            color: #101010;
        }

        .view-tpl2 .item-recomend .plg {
            border-radius: 2vw 2vw 0 0;
            overflow: hidden;
        }

        .view-tpl2 .item-recomend h5 {
            font-weight: bold;
            height: 8.5vw;
            overflow: hidden;
            text-align: left;
            padding: 0 1.5vw;
            line-height: 4.5vw;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            margin-top: 1.5vw;
        }

        .view-tpl2 .item-recomend .price-wrapper {
            color: red;
            text-align: left;
            padding-left: 1vw;
            margin-top: 2vw;
        }

        .view-tpl2 .item-recomend .price-wrapper .price {
            font-size: 7vw;
        }

        .view-tpl2 .item-recomend .price-wrapper .orig-price {
            color: #ccc;
            font-size: 12px;
            padding-left: 1vw;
            text-decoration: line-through;
        }

        .view-tpl2 .item-recomend .tips-event {
            border: 1px red solid;
            border-radius: 2vw;
            color: red;
            font-weight: bold;
            text-align: center;
            width: 30vw;
            font-size: 3vw;
            margin: 2vw;
            margin-top: 1vw;
            line-height: 5vw;
        }
    </style>
    <script src="layer.js"></script>
    <script>
        function formatStr(str) {
            return str ? str : '';
        }
    </script>
</head>
<body>
<script type="text/html" id="tpl1">
    <div class="view-tpl1" style='{{ formatStr(d.style) }}'>
        <div class="banner" style='{{ formatStr(d.banner.style) }}'>
            {{# if(d.banner.title){ }}
            <p class="title"><img src="{{ d.banner.title }}" width="100%"></p>
            {{# }}}
            <div class="banner-list {{ 'row'+d.banner.row }}">
                {{# laytpl.each(d.banner.list, function(index, item){ }}
                {{# if(item.redirectUrl){ }}
                <p class="item-banner" style='{{ formatStr(item.style) }}'><a href="{{item.redirectUrl}}"><img src="{{ item.imgUrl }}" width="100%"/></a></p>
                {{# } else{ }}
                <p class="item-banner" style='{{ formatStr(item.style) }}'><img src="{{ item.imgUrl }}" width="100%"/></p>
                {{# } }}
                {{# }); }}
            </div>
        </div>
        <div class="recomend" style='{{ formatStr(d.recomend.style) }}'>
            {{# if(d.recomend.title){ }}
            <p class="title"><img src="{{ d.recomend.title }}" width="100%"></p>
            {{# }}}
            <div class="recomend-list {{ 'row'+d.recomend.row }} ">
                {{# laytpl.each(d.recomend.list, function(index, item){ }}
                <div class="item-recomend" style='{{ formatStr(item.style) }}'>
                    {{# if(item.redirectUrl){ }}
                    <a href="{{item.redirectUrl}}">
                        <h3>{{ item.FilmName }}</h3>
                        <p class="publish-date">上映时间：<span>{{ item.Publish_Date }}</span></p>
                        <p class="actor">{{ item.Publish_Date }}</p>
                        <p class="des">{{ item.Intro }}</p>
                        <span class="flg"><img src="{{ item.Post_Path }}" width="100%"></span>
                    </a>
                    {{# } else{ }}
                    <h3>{{ item.FilmName }}</h3>
                    <p class="publish-date">上映时间：<span>{{ item.Publish_Date }}</span></p>
                    <p class="actor">{{ item.Publish_Date }}</p>
                    <p class="des">{{ item.Intro }}</p>
                    <span class="flg"><img src="{{ item.Post_Path }}" width="100%"></span>
                    {{# } }}
                </div>
                {{# }); }}
            </div>
        </div>
    </div>
</script>
<script type="text/html" id="tpl2">
    <div class="view-tpl2" style='{{ formatStr(d.style) }}'>
        <div class="banner" style='{{ formatStr(d.banner.style) }}'>
            {{# if(d.banner.title){ }}
            <p class="title"><img src="{{ d.banner.title }}" width="100%"></p>
            {{# }}}
            <div class="banner-list {{ 'row'+d.banner.row }}">
                {{# laytpl.each(d.banner.list, function(index, item){ }}
                {{# if(item.redirectUrl){ }}
                <p class="item-banner" style='{{ formatStr(item.style) }}'><a href="{{item.redirectUrl}}"><img src="{{ item.imgUrl }}" width="100%"/></a></p>
                {{# } else{ }}
                <p class="item-banner" style='{{ formatStr(item.style) }}'><img src="{{ item.imgUrl }}" width="100%"/></p>
                {{# } }}
                {{# }); }}
            </div>
        </div>
        <div class="recomend" style='{{ formatStr(d.recomend.style) }}'>
            {{# if(d.recomend.title){ }}
            <p class="title"><img src="{{ d.recomend.title }}" width="100%"></p>
            {{# }}}
            <div class="recomend-list flex-box {{ 'row'+d.recomend.row }} ">
                {{# laytpl.each(d.recomend.list, function(index, item){ }}
                <div class="item-recomend" style='{{ formatStr(item.style) }}'>
                    {{# if(item.redirectUrl){ }}
                    <a href="{{item.redirectUrl}}">
                        <p class="plg img-fix"><img src="{{ item.ThumbnailUrl }}" width="100%"/></p>
                        <h5>{{ item.Name }}</h5>
                        <div class="price-wrapper"><span>￥<strong class="price DIN">{{ item.NormalPrice }}</strong></span><span class="orig-price DIN">原价￥{{ item.MarketPrice }}元</span></div>
                        <p class="tips-event">江西银行信用卡特惠</p>
                    </a>
                    {{# } else{ }}
                    <p class="plg img-fix"><img src="{{ item.ThumbnailUrl }}" width="100%"/></p>
                    <h5>{{ item.Name }}</h5>
                    <div class="price-wrapper"><span>￥<strong class="price DIN">{{ item.NormalPrice }}</strong></span><span class="orig-price DIN">原价￥{{ item.MarketPrice }}元</span></div>
                    <p class="tips-event">江西银行信用卡特惠</p>
                    {{# } }}
                </div>
                {{# }); }}
            </div>
        </div>
    </div>
</script>
<div class="page"></div>
<script type="text/javascript">
    // var data = {
    //     "tplId": 'tpl1',
    //     "title": "双人特惠观影",
    //     "style":'',
    //     "banner": {
    //         "style":'',
    //         'row': 1,
    //         'title': '',
    //         'list': [
    //             {
    //                 "style":'',
    //                 "imgUrl": "http://mobile.hgh.jxdyp.com/event/srgy2022/images/img_01.jpg",
    //                 "redirectUrl": ''
    //             },
    //             {
    //                 "style":'',
    //                 "imgUrl": "http://mobile.hgh.jxdyp.com/event/srgy2022/images/img_02.jpg",
    //                 "redirectUrl": ''
    //             },
    //             {
    //                 "style":'',
    //                 "imgUrl": "http://mobile.hgh.jxdyp.com/event/srgy2022/images/img_03.jpg",
    //                 "redirectUrl": ''
    //             },
    //             {
    //                 "style":'',
    //                 "imgUrl": "http://mobile.hgh.jxdyp.com/event/srgy2022/images/img_04.jpg",
    //                 "redirectUrl": ''
    //             },
    //             {
    //                 "style":'',
    //                 "imgUrl": "http://mobile.hgh.jxdyp.com/event/srgy2022/images/img_05.jpg",
    //                 "redirectUrl": ''
    //             },
    //         ]
    //     },
    //     "recomend": {
    //         "style":"background: url(\"http://mobile.hgh.jxdyp.com/event/srgy2022/images/img_06.jpg\") no-repeat left top;background-size: 100% 100%;",
    //         'title': 'http://mobile.hgh.jxdyp.com/event/srgy2022/images/tt_1.png',
    //         'row': 1,
    //         'list': [
    //             {
    //                 "style":'',
    //                 "FilmID": "7e1160d4-ebd1-4915-8777-21fedc8c89ee",
    //                 "FilmName": "人生大事",
    //                 "Publish_Date": "2022-06-24",
    //                 "Actor": "朱一龙,王戈,刘陆,罗京民,杨恩又",
    //                 "Intro": "殡葬师莫三妹（朱一龙 饰）在刑满释放不久后的一次出殡中，遇到了孤儿武小文（杨恩又 饰），小文的出现，意外地改变了莫三妹对职业和生活的态度。",
    //                 "Post_Path": "//resource.jxdyp.com/jxdyp/backuploads/images/film/7e1160d4-ebd1-4915-8777-21fedc8c89ee/normal/202202162007362526583.jpg",
    //                 "redirectUrl": 'https://mobile.jxdyp.com/filmdetail.html?source=jxyp_weixin&filmid=7e1160d4-ebd1-4915-8777-21fedc8c89ee'
    //             },
    //             {
    //                 "style":'',
    //                 "FilmID": "89edf7e6-1e33-49e8-949d-37736ac5a326",
    //                 "FilmName": "神探大战",
    //                 "Publish_Date": "2022-07-08",
    //                 "Actor": "刘青云,蔡卓妍,林峯",
    //                 "Intro": "连环命案、私刑执法、预告杀人、以暴制暴...一群号称“神探”的团伙掀起了一场香港有史以来最邪恶的犯罪！患有精神疾病的“癫佬神探”李俊（刘青云 饰）为查真凶独闯犯罪现场！以“神探夫妇”陈仪（蔡卓妍 饰）和方礼信（林峯 饰）为首的重案组也开启了与杀戮赛跑的缉凶之路！敌友之间，正邪边缘，死亡审判的真相究竟是什么？真正的“神探”到底是谁？",
    //                 "Post_Path": "//resource.jxdyp.com/jxdyp/backuploads/images/film/89edf7e6-1e33-49e8-949d-37736ac5a326/normal/20220301110411894484110.jpg",
    //                 "redirectUrl": 'https://mobile.jxdyp.com/filmdetail.html?source=jxyp_weixin&filmid=89edf7e6-1e33-49e8-949d-37736ac5a326'
    //             },
    //             {
    //                 "style":'',
    //                 "FilmID": "c3ca61a4-f6db-45fe-8e2f-b0d1789d4021",
    //                 "FilmName": "侏罗纪世界3",
    //                 "Publish_Date": "2022-06-10",
    //                 "Actor": "克里斯·帕拉特,布莱斯·达拉斯·霍华德,山姆·尼尔,劳拉·邓恩",
    //                 "Intro": "影片为《侏罗纪世界》系列的完结篇，讲述了自从恐龙进入了人类世界，侏罗纪公园已经不复存在的故事。",
    //                 "Post_Path": "//resource.jxdyp.com/jxdyp/backuploads/images/film/c3ca61a4-f6db-45fe-8e2f-b0d1789d4021/normal/2022051618084799269756.jpg",
    //                 // "redirectUrl": 'https://mobile.jxdyp.com/filmdetail.html?source=jxyp_weixin&filmid=c3ca61a4-f6db-45fe-8e2f-b0d1789d4021'
    //
    //             }
    //         ]
    //     },
    // }
    var data = {
        "tplId": 'tpl2',
        "title": "One美生活圈“发”现美好吧",
        "style": "background-color: #ffe9da;",
        "banner": {
            "style": '',
            'row': 1,
            'title': '',
            'list': [
                {
                    "style": '',
                    "imgUrl": "https://m.test.iganshihui.com/event/fxmh2022/images/bg_01.png",
                    "redirectUrl": ''
                },
                {
                    "style": '',
                    "imgUrl": "https://m.test.iganshihui.com/event/fxmh2022/images/bg_02.png",
                    "redirectUrl": ''
                },
                {
                    "style": '',
                    "imgUrl": "https://m.test.iganshihui.com/event/fxmh2022/images/bg_03.png",
                    "redirectUrl": ''
                },
                {
                    "style": '',
                    "imgUrl": "https://m.test.iganshihui.com/event/fxmh2022/images/bg_04.png",
                    "redirectUrl": ''
                },
                {
                    "style": '',
                    "imgUrl": "https://m.test.iganshihui.com/event/fxmh2022/images/bg_05.png",
                    "redirectUrl": ''
                },
                {
                    "style": '',
                    "imgUrl": "https://m.test.iganshihui.com/event/fxmh2022/images/bg_06.png",
                    "redirectUrl": ''
                },
                {
                    "style": '',
                    "imgUrl": "https://m.test.iganshihui.com/event/fxmh2022/images/bg_07.png",
                    "redirectUrl": ''
                },
                {
                    "style": '',
                    "imgUrl": "https://m.test.iganshihui.com/event/fxmh2022/images/bg_08.png",
                    "redirectUrl": ''
                },
                {
                    "style": '',
                    "imgUrl": "https://m.test.iganshihui.com/event/fxmh2022/images/bg_09.png",
                    "redirectUrl": ''
                },
            ]
        },
        "recomend": {
            "style": "",
            'title': 'https://m.test.iganshihui.com/event/fxmh2022/images/bg_10.png',
            'row': 2,
            "list": [
                {
                    "ID": 170,
                    "Name": "【7店通用•丽锦美容美发】14元抢购原价30元洗吹套餐  单人洗吹+造型一次",
                    "ThumbnailUrl": "//resource.jxdyp.com/gsh/backuploads/images/goodspec/20220308//952e7adc-7f97-4307-9545-2f129fffcbe5.png",
                    "SpecID": 245,
                    "MerchantsIDs": "958,959,961,962,963,964,960",
                    "NormalPrice": 14,
                    "MarketPrice": 30,
                    "MerchantsCategoryIDs": "288",
                    "MerchantsCategoryNames": "美容美发"
                },
                {
                    "ID": 179,
                    "Name": "【7店通用•纤诺护肤造型】14元抢购原价50元洗吹套餐 单人洗吹+造型一次",
                    "ThumbnailUrl": "//resource.jxdyp.com/gsh/backuploads/images/goodspec/20220310//b8cca062-795d-4424-bd52-035e9310411c.png",
                    "SpecID": 262,
                    "MerchantsIDs": "969,981,982,983,984,985,986",
                    "NormalPrice": 14,
                    "MarketPrice": 50,
                    "MerchantsCategoryIDs": "288",
                    "MerchantsCategoryNames": "美容美发"
                },
                {
                    "ID": 186,
                    "Name": "【三店通用·Z-ONE】19元抢购原价98元洗剪吹套餐 单人洗剪吹+造型一次",
                    "ThumbnailUrl": "//resource.jxdyp.com/gsh/backuploads/images/goodspec/20220310//68c42035-0f7c-4c14-8512-2923c2ae4142.png",
                    "SpecID": 269,
                    "MerchantsIDs": "1002,1003,1005",
                    "NormalPrice": 19,
                    "MarketPrice": 98,
                    "MerchantsCategoryIDs": "288",
                    "MerchantsCategoryNames": "美容美发"
                },
                {
                    "ID": 190,
                    "Name": "【玲珑之约卡洛斯·明珠广场店】28元抢购原价39元洗吹套餐 单人洗吹+造型一次",
                    "ThumbnailUrl": "//resource.jxdyp.com/gsh/backuploads/images/goodspec/20220314//f2d3a4d2-f879-4cd5-8651-15c60204fd35.png",
                    "SpecID": 273,
                    "MerchantsIDs": "1001",
                    "NormalPrice": 28,
                    "MarketPrice": 39,
                    "MerchantsCategoryIDs": "288",
                    "MerchantsCategoryNames": "美容美发"
                },
                {
                    "ID": 215,
                    "Name": "【秀客造型·二七南路店】19.9元抢购原价108元洗剪吹+冰疗护发套餐",
                    "ThumbnailUrl": "//resource.jxdyp.com/gsh/backuploads/images/goodspec/20220517//6e140a16-7f58-45a7-b8ff-1391a3c4b8ab.jpg",
                    "SpecID": 310,
                    "MerchantsIDs": "1043",
                    "NormalPrice": 19.9,
                    "MarketPrice": 108,
                    "MerchantsCategoryIDs": "288",
                    "MerchantsCategoryNames": "美容美发"
                },
                {
                    "ID": 216,
                    "Name": "【秀客造型·二七南路店】118元抢购原价298元精品单人烫/染/拉三选一",
                    "ThumbnailUrl": "//resource.jxdyp.com/gsh/backuploads/images/goodspec/20220517//4b7c219f-4e8a-40d3-a2f2-39607020694a.jpg",
                    "SpecID": 311,
                    "MerchantsIDs": "1043",
                    "NormalPrice": 118,
                    "MarketPrice": 298,
                    "MerchantsCategoryIDs": "288",
                    "MerchantsCategoryNames": "美容美发"
                },
                {
                    "ID": 220,
                    "Name": "【曾少美发工作室·莱斯百货店】26元抢购原价158元精品洗剪吹套餐",
                    "ThumbnailUrl": "//resource.jxdyp.com/gsh/backuploads/images/goodspec/20220524//234bb3bb-cc32-48f9-bd24-e96860271c0f.jpg",
                    "SpecID": 316,
                    "MerchantsIDs": "1065",
                    "NormalPrice": 26,
                    "MarketPrice": 158,
                    "MerchantsCategoryIDs": "288",
                    "MerchantsCategoryNames": "美容美发"
                },
                {
                    "ID": 221,
                    "Name": "【曾少美发工作室·莱斯百货店】260元抢购原价599元欧莱雅染发/烫发二选一",
                    "ThumbnailUrl": "//resource.jxdyp.com/gsh/backuploads/images/goodspec/20220524//5ce98d4d-3bf5-4a0f-8ef6-b4715beff098.jpg",
                    "SpecID": 317,
                    "MerchantsIDs": "1065",
                    "NormalPrice": 260,
                    "MarketPrice": 599,
                    "MerchantsCategoryIDs": "288",
                    "MerchantsCategoryNames": "美容美发"
                },
                {
                    "ID": 191,
                    "Name": "【玲珑之约卡洛斯·明珠广场店】45元抢购原价68元洗剪吹套餐 单人洗剪吹+造型一次",
                    "ThumbnailUrl": "//resource.jxdyp.com/gsh/backuploads/images/goodspec/20220314//d551cfe6-8bb8-4299-84c9-7307a63869f5.png",
                    "SpecID": 274,
                    "MerchantsIDs": "1001",
                    "NormalPrice": 45,
                    "MarketPrice": 68,
                    "MerchantsCategoryIDs": "288",
                    "MerchantsCategoryNames": "美容美发"
                },
                {
                    "ID": 183,
                    "Name": "【零点 ZERO·绿地店】48元抢购原价120元洗剪吹套餐 单人洗剪吹+造型一次",
                    "ThumbnailUrl": "//resource.jxdyp.com/gsh/backuploads/images/goodspec/20220310//74b02455-2cd9-4760-8209-bf370287b2ed.png",
                    "SpecID": 266,
                    "MerchantsIDs": "988,987,989",
                    "NormalPrice": 48,
                    "MarketPrice": 120,
                    "MerchantsCategoryIDs": "288",
                    "MerchantsCategoryNames": "美容美发"
                },
                {
                    "ID": 187,
                    "Name": "【三店通用·Z-ONE】78元抢购原价296元首席设计师 单人染/烫二选一",
                    "ThumbnailUrl": "//resource.jxdyp.com/gsh/backuploads/images/goodspec/20220314//4c455b08-cf94-45b4-a728-aef8ff206018.png",
                    "SpecID": 270,
                    "MerchantsIDs": "1002,1003,1005",
                    "NormalPrice": 78,
                    "MarketPrice": 296,
                    "MerchantsCategoryIDs": "288",
                    "MerchantsCategoryNames": "美容美发"
                },
                {
                    "ID": 193,
                    "Name": "【健康洗发】美代日式轻奢温泉禅洗 洗吹套餐 全身放松+海盐热疗+头皮护理给您带来极致享受",
                    "ThumbnailUrl": "//resource.jxdyp.com/gsh/backuploads/images/goodspec/20220329//1a3e9f2a-1bc0-431a-9221-09a59d25e471.png",
                    "SpecID": 276,
                    "MerchantsIDs": "1007",
                    "NormalPrice": 116,
                    "MarketPrice": 198,
                    "MerchantsCategoryIDs": "288",
                    "MerchantsCategoryNames": "美容美发"
                },
                {
                    "ID": 180,
                    "Name": "【7店通用•纤诺护肤造型】128元抢购原价590元资深设计师 单人染/烫二选一",
                    "ThumbnailUrl": "//resource.jxdyp.com/gsh/backuploads/images/goodspec/20220309//21edb29e-bed5-4a4e-a53a-320fe58ac133.png",
                    "SpecID": 263,
                    "MerchantsIDs": "969,981,982,983,984,985,986",
                    "NormalPrice": 128,
                    "MarketPrice": 590,
                    "MerchantsCategoryIDs": "288",
                    "MerchantsCategoryNames": "美容美发"
                },
                {
                    "ID": 171,
                    "Name": "【7店通用•丽锦美容美发】128元抢购原价398元资深设计师单人染/烫二选一",
                    "ThumbnailUrl": "//resource.jxdyp.com/gsh/backuploads/images/goodspec/20220308//73bba74e-dfe9-4de6-a4b6-e5612e8b3f1c.png",
                    "SpecID": 246,
                    "MerchantsIDs": "958,959,960,961,963,962,964",
                    "NormalPrice": 128,
                    "MarketPrice": 398,
                    "MerchantsCategoryIDs": "288",
                    "MerchantsCategoryNames": "美容美发"
                },
                {
                    "ID": 185,
                    "Name": "【零点 ZERO·绿地店】265元抢购原价346元资深设计师 单人染/烫二选一（含剪发）",
                    "ThumbnailUrl": "//resource.jxdyp.com/gsh/backuploads/images/goodspec/20220310//3ce508ee-1270-4570-b935-f82a3fd17f98.png",
                    "SpecID": 268,
                    "MerchantsIDs": "987",
                    "NormalPrice": 265,
                    "MarketPrice": 346,
                    "MerchantsCategoryIDs": "288",
                    "MerchantsCategoryNames": "美容美发"
                },
                {
                    "ID": 184,
                    "Name": "【零点 ZERO·绿地店】165元抢购原价280元资深设计师 单人染/烫二选一（不含剪发）",
                    "ThumbnailUrl": "//resource.jxdyp.com/gsh/backuploads/images/goodspec/20220310//1e61d483-9558-42ca-9601-42dc7310862b.png",
                    "SpecID": 267,
                    "MerchantsIDs": "987,988,989",
                    "NormalPrice": 165,
                    "MarketPrice": 280,
                    "MerchantsCategoryIDs": "288",
                    "MerchantsCategoryNames": "美容美发"
                },
                {
                    "ID": 195,
                    "Name": "【美代日系·头皮深层净化+活氧补水】尼泊尔颂钵+海盐热疗+脸部清洁补水+头皮护理 来一次全身心的放松吧",
                    "ThumbnailUrl": "//resource.jxdyp.com/gsh/backuploads/images/goodspec/20220329//7b426570-9b6d-420f-bac2-b27fac851e31.png",
                    "SpecID": 278,
                    "MerchantsIDs": "1007",
                    "NormalPrice": 182,
                    "MarketPrice": 476,
                    "MerchantsCategoryIDs": "288",
                    "MerchantsCategoryNames": "美容美发"
                }
            ]
        },
    }
    var getTpl = document.getElementById(data.tplId).innerHTML
        , view = document.querySelector('.page');
    laytpl(getTpl).render(data, function (html) {
        view.innerHTML = html;
    });
</script>
</body>
</html>
